<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta name="author" content="order by dede58.com"/>
		<title>用户注册</title>
		<link rel="stylesheet" type="text/css" href="/css/login.css">
		<!--引入axios框架-->
		<script src="/js/axios.min.js"></script>
		<!--引入Vue框架-->
		<script src="/js/vue.js"></script>
	</head>
	<body>
    <form method="post" action="/register" @submit.prevent="register"
          id="app">
        <div class="regist">
            <div class="regist_center">
                <div class="regist_top">
                    <div class="left fl">会员注册</div>
                    <div class="right fr"><a href="/" target="_self">小米商城</a></div>
                    <div class="clear"></div>
                    <div class="xian center"></div>
                </div>
                <div class="regist_main center">

                    <div class="username">昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称:&nbsp;&nbsp;<input class="shurukuang" type="text"
                                                                                         name="userName"
                                                                                         placeholder="请输入你的用户名"
                                                                                         pattern="^.{3,8}$"
                                                                                         required="required"
                                                                                         v-model="username"/><span>请不要输入汉字</span>
                    </div>
                    <div class="username">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:&nbsp;&nbsp;<input
                            class="shurukuang" type="password" name="password" placeholder="请输入你的密码"
                            pattern="^\w{6,20}$" required="required" v-model="password"/><span>请输入6位以上字符</span></div>

                    <div class="username">确认密码:&nbsp;&nbsp;<input class="shurukuang" type="password" name="repassword"
                                                                  placeholder="请确认你的密码"
                                                                  required="required" v-model="repassword"/><span>两次密码要输入一致哦</span>
                    </div>
                    <div class="username">手&nbsp;&nbsp;机&nbsp;&nbsp;号:&nbsp;&nbsp;<input class="shurukuang" type="text"
                                                                                         name="telephone"
                                                                                         placeholder="请填写正确的手机号"
                                                                                         pattern="^\d{11}$"
                                                                                         required="required"
                                                                                         v-model="telephone"/><span>填写下手机号吧，方便我们联系您！</span>
                    </div>
                </div>
                <div class="regist_submit">
                    <input class="submit" type="submit" name="submit" value="立即注册">
                </div>
            </div>
        </div>
    </form>
    <script src="/js/register.js"></script>
    </body>
</html>